<template>
	<view class="content">
		<web-view src="http://101.42.230.195:8080/?topbar=1#/"></web-view>
	</view>
</template>

<script>
	import customNavigation from "@/components/custom-navigation/custom-navigation.vue";
	import pageS from '@/pages.json'
	export default {
		components: {
			customNavigation
		},
		data() {
			return {
				title: '妍妍在学习1',
				pages:pageS.pages,
				webviewStyles: {
					width:'300px',
					height:'300px',
					progress: {
						color: '#FF3333'
					}
				}
			}
		},
		onLoad() {
		},
		methods: {
			getClientHeight(){
                const res = uni.getSystemInfoSync();
                console.log(res.platform,res.statusBarHeight);
                const system = res.platform;
                if ( system === 'iso') {
                    return 44 + res.statusBarHeight;
                }else if( system === 'android' ){
                    return 48 + res.statusBarHeight;
                } else{
                    return 0;
                }
            },
			goto(path){
				console.error(path)
				this.$navigateTo('/'+path);
			}
		}
	}
</script>

<style >
	>>> iframe{
		width: 100vw !important;
		height: 100vh !important;
	}
    .status_bar {
        height: var(--status-bar-height);
        width: 100%;
    }

	.isFullScreen .my-header {
		padding-top: 30px;
		padding-top: 30px;
	}
	.isFullScreen .content {
		padding-top: 30px;
		padding-top: 30px;
	}

	.havetop .my-header {
		padding-top: 20px;
	}
	.havetop .content {
		padding-top: 20px;
	}
	.isios .my-header {
		padding-top: constant(safe-area-inset-top);
		padding-top: env(safe-area-inset-top);
	}
	.isios .content {
		padding-top: constant(safe-area-inset-top);
		padding-top: env(safe-area-inset-top);
	}

</style>
